// 修改主题色
$--color-primary: rgba(0,0,0,1);
$--font-path: '~element-ui/lib/theme-chalk/fonts';
$bgd: rgba(0,0,0,0.5);
$--collapse-content-background-color:$bgd;
$--collapse-header-background-color: $bgd;

@import "~element-ui/packages/theme-chalk/src/index";

body {
  margin: 0;
  padding: 0;
  background: #fafbfe;  // app.vue内
}
.el-collapse-item {
  box-shadow: 0 12px 12px rgba(0, 49, 83, 1); // 折叠面板的阴影效果
  .el-collapse-item__header{
    color: grey;
  }
}
.el-collapse-item.is-active {
  .el-collapse-item__header {
    color: rgba(256, 256, 256, 1); // 激活状态标题颜色
  }
  .el-collapse-item__content {
    color: rgba(256, 256, 256, 1);
  }
}
.el-collapse-item__header:hover {
  background-color: rgba(0, 49, 83, 0.7);
  color: white// 标题悬停时的背景颜色
}